@import '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-loader';

.progressBarPageContainer {
  @include composite-var($progress-bar-page-container-single);

  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;

  width: 100%;
}

.progressBarPageFiller {
  width: calc(var(--progress) * 100%);
  height: 100%;

  background-color: $sys-primary-accent-default;
  border-radius: inherit;

  transition: width var(--animation-duration);
}
